<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>

    <!--公用css引用-->
    <?php include 'include/style.php';?>
    <!--END/公用css引用-->
    <link rel="stylesheet" href="../js/layer/skin/layer.css">
    <link rel="stylesheet" href="../css/userCenter.css">
</head>
<body>

<!--公共头部-->
<?php include 'include/header.php';?>
<!--END/公共头部-->


<!--购物车列表-->
<div class="inbox2">
    <div class="ui-box1 fn-mt20">
        <div class="tit-4 tit-skin-1">
            <h1 class="h">全部商品</h1>
        </div>

        <div id="listSelect" class="cart-list">
            <!--头部-->
            <table class="bl-table bl-table-brdli table-tc list-title">
                <thead>
                <tr class="js-tools">
                    <th colspan="2" class="tl">
                        <label><input class="js-selectAll" type="checkbox" checked>全选</label>
                    </th>
                    <th colspan="2" class="tl">商品信息</th>
                    <th>单价（元）</th>
                    <th>数量</th>
                    <th>小计（元）</th>
                    <th>操作</th>
                </tr>
                </thead>
            </table>
            <!--END/头部-->

            <!--免税商品-->
            <table class="js-viewBox bl-table bl-table-brdli table-tc list-body">

                <tr class="table-inner-head table-inner-tr">
                    <td class="checkbox" colspan="8">
                        <label><input class="js-selectOneList" type="checkbox" checked=""></label>
                        <span class="bl-label label-def">免税商品</span>
                        <a href="/shop/1" title="联系客服"></a>
                    </td>
                </tr>
                <tr class="list-item selected" data-id="1" data-price="198.00" data-num="1">
                    <td class="checkbox">
                        <label for=""><input class="js-checkbox" type="checkbox" checked></label>
                    </td>
                    <td class="pic tl">
                        <a href="#">
                            <img class="head-img" src="../images/classify/pic-14.jpg" alt="#">
                        </a>
                    </td>
                    <td class="tl name">
                        <p class="name"><a class="link" href="#">全棉个性四件套 纯棉简约床单床品套件1.5与1.8床通用被套2*2.3m</a></p>
                    </td>
                    <td class="params tl">
                        <p class="param">颜色：我爱下雨</p>
                        <p class="param">尺码：1.8米床</p>
                    </td>
                    <td>
                        <span>198.00</span>
                    </td>
                    <td>
                        <div class="num-tool fn-dib">
                            <div class="r-btn">＋</div>
                            <div class="l-btn">－</div>
                            <input class="num-input" type="text" value="1" min="0" max="0">
                        </div>
                        <p class="text-color-1">库存5件</p>
                    <td>
                        <span class="js-singlePay">198.00</span>
                    </td>
                    <td class="tl">
                        <a class="js-fav" href="#">添加到我的收藏</a><br>
                        <a class="js-del" href="#">删除</a>
                    </td>
                </tr>
                <!--下架的商品-->
                <tr class="list-item disabled-goods" data-id="2" data-price="198.00" data-num="1">
                    <td class="checkbox">
                        <label for=""><input type="checkbox" disabled="disabled"></label>
                    </td>
                    <td class="pic tl">
                        <a href="#">
                            <img class="head-img" src="../images/classify/pic-14.jpg" alt="#">
                        </a>
                    </td>
                    <td class="tl name">
                        <p class="name"><a class="link" href="#">全棉个性四件套 纯棉简约床单床品套件1.5与1.8床通用被套2*2.3m</a></p>
                    </td>
                    <td class="params tl">
                        <p class="param">颜色：我爱下雨</p>
                        <p class="param">尺码：1.8米床</p>
                    </td>
                    <td>
                        <span>198.00</span>
                    </td>
                    <td>
                        <div class="bl-label label-warning ">改商品已下架</div>
                    <td>
                        <span class="js-singlePay">198.00</span>
                    </td>
                    <td class="tl">
                        <a class="js-del" href="#">删除</a>
                    </td>
                </tr>


            </table>
            <!--END/免税商品-->

            <!--E贸易商品-->
            <table class="js-viewBox bl-table bl-table-brdli table-tc list-body cart-danger">

                <tr class="table-inner-head table-inner-tr">
                    <td class="checkbox" colspan="8">
                        <label><input class="js-selectOneList" type="checkbox" checked=""></label>
                        <span class="bl-label label-def">E贸易商品</span>
                        <a href="/shop/1" title="联系客服"></a>
                    </td>
                </tr>
                <tr class="list-item selected" data-id="1" data-price="198.00" data-num="1">
                    <td class="checkbox">
                        <label for=""><input class="js-checkbox" type="checkbox" checked></label>
                    </td>
                    <td class="pic tl">
                        <a href="#">
                            <img class="head-img" src="../images/classify/pic-14.jpg" alt="#">
                        </a>
                    </td>
                    <td class="tl name">
                        <p class="name"><a class="link" href="#">全棉个性四件套 纯棉简约床单床品套件1.5与1.8床通用被套2*2.3m</a></p>
                    </td>
                    <td class="params tl">
                        <p class="param">颜色：我爱下雨</p>
                        <p class="param">尺码：1.8米床</p>
                    </td>
                    <td>
                        <span>198.00</span>
                    </td>
                    <td>
                        <div class="num-tool fn-dib">
                            <div class="r-btn">＋</div>
                            <div class="l-btn">－</div>
                            <input class="num-input" type="text" value="1" min="0" max="0">
                        </div>
                        <p class="text-color-1">库存5件</p>
                    <td>
                        <span class="js-singlePay">198.00</span>
                    </td>
                    <td class="tl">
                        <a class="js-fav" href="#">添加到我的收藏</a><br>
                        <a class="js-del" href="#">删除</a>
                    </td>
                </tr>
                <!--下架的商品-->
                <tr class="list-item disabled-goods" data-id="2" data-price="198.00" data-num="1">
                    <td class="checkbox">
                        <label for=""><input type="checkbox" disabled="disabled"></label>
                    </td>
                    <td class="pic tl">
                        <a href="#">
                            <img class="head-img" src="../images/classify/pic-14.jpg" alt="#">
                        </a>
                    </td>
                    <td class="tl name">
                        <p class="name"><a class="link" href="#">全棉个性四件套 纯棉简约床单床品套件1.5与1.8床通用被套2*2.3m</a></p>
                    </td>
                    <td class="params tl">
                        <p class="param">颜色：我爱下雨</p>
                        <p class="param">尺码：1.8米床</p>
                    </td>
                    <td>
                        <span>198.00</span>
                    </td>
                    <td>
                        <div class="bl-label label-warning ">改商品已下架</div>
                    <td>
                        <span class="js-singlePay">198.00</span>
                    </td>
                    <td class="tl">
                        <a class="js-del" href="#">删除</a>
                    </td>
                </tr>

                <tr class="list-item selected" data-id="1" data-price="198.00" data-num="1">
                    <td class="checkbox">
                        <label for=""><input class="js-checkbox" type="checkbox" checked></label>
                    </td>
                    <td class="pic tl">
                        <a href="#">
                            <img class="head-img" src="../images/classify/pic-14.jpg" alt="#">
                        </a>
                    </td>
                    <td class="tl name">
                        <p class="name"><a class="link" href="#">全棉个性四件套 纯棉简约床单床品套件1.5与1.8床通用被套2*2.3m</a></p>
                        <div class="fn-mt4">
                            <div class="gs-tip fn-dib fn-rel">
                                <span>适用税率 : 10% <i class="icon icon-arrow-b1"></i></span>
                                <div class=" bl-tip-box tip-skin-gray">
                                    <div class="mask-T"></div>
                                    <div class="J-box TJ-box"><span class="J"></span><i class="J"></i></div>
                                    <div class="bl-tip-con" style="font-size: 12px;">
                                        <div>
                                            <p>海关规定：</p>
                                            <ul>
                                                <li class="text-color-1 fn-mb4 fn-mt4">税费 = 不含税价格 × 件数 × 商品税率</li>
                                                <li>根据海关规定，本商品适用税率 : 50%,若订单总税额 ≤ 50元，海关予以免征。</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <span class="js-singleGs sel-light fn-ml10">关税：￥<span class="js-gs">51</span></span>
                        </div>
                    </td>
                    <td class="params tl">
                        <p class="param">颜色：我爱下雨</p>
                        <p class="param">尺码：1.8米床</p>
                    </td>
                    <td>
                        <span>198.00</span>
                    </td>
                    <td>
                        <div class="num-tool fn-dib">
                            <div class="r-btn">＋</div>
                            <div class="l-btn">－</div>
                            <input class="num-input" type="text" value="1" min="1" max="5">
                        </div>
                        <p class="text-color-1">库存5件</p>
                    <td>
                        <span class="js-singlePay">198.00</span>
                    </td>
                    <td class="tl">
                        <a class="js-fav" href="#">添加到我的收藏</a><br>
                        <a class="js-del" href="#">删除</a>
                    </td>
                </tr>

                <tr class="inner-tj waring">
                    <td colspan="8" class="tr">

                        <div class="skin-def">
                                <span class="fn-ml20">关税</span><strong>￥</strong><strong class="gs">101.80</strong>
                        </div>

                        <div class="skin-warning">
                            <strong class="danger-hide">温馨提示：关税已超出50元！只有小于等于50元时才能免征哦</strong>

                            <div class="fn-dib fn-rel fn-ml20 label-tag">
                                <span class="fn-dib label">关税</span><span class="fn-dib tag"><strong>￥</strong><strong class="gs">101.80</strong></span>

                                <div class="bl-tip-box tip-skin-gray">
                                    <div class="mask-T"></div>
                                    <div class="J-box TJ-box"><span class="J"></span><i class="J"></i></div>
                                    <div class="bl-tip-con">
                                        <p>海关规定：</p>
                                        <p>个人邮寄进境物品，海关依法征收进口税，但应征进口税税额在人民币50元（含50元）以下的，海关予以免征</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </td>
                </tr>
                <!--单笔订单超过1000-->
                <tr class="tip-box">
                    <td colspan="8">
                        <div class="fn-tr font-14">
                            <strong>温馨提示：订单已超过海关限额 <span class="text-color-danger font-16">￥1000</span>，请选择部分商品结算</strong>
                            <div class="fn-rel fn-dib tip-more" data-pos="">
                                <i class="icon icon-tip icon-tip-1"></i>

                                <div class=" bl-tip-box tip-skin-gray">
                                    <div class="mask-T"></div>
                                    <div class="J-box TJ-box"><span class="J"></span><i class="J"></i></div>
                                    <div class="bl-tip-con">
                                        <div class="more-content">
                                            <p>海关规定：</p>
                                            <ul>
                                                <li>① 消费者购买进口商品，以“个人自用，合理数量”为原则，每单最大购买金额不得超过1000元人民币（不含关税）。</li>
                                                <li>② 如有优惠活动，则1000元限值适用于订单优惠后的金额。</li>
                                                <li>③ 如果订单只含单件不可分割商品，则可以超过1000元限制。</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </td>
                </tr>
            </table>
            <!--END/E贸易商品-->

            <!--底部-->
            <table class="bl-table bl-table-brdli table-tc list-foot">
                <tfoot>
                <tr class="js-tools has-select">
                    <td class="checkbox" colspan="4">
                        <label><input class="js-selectAll" type="checkbox" checked>全选</label>
                        <a class="js-del fn-ml30" data-type="all" href="#">删除选中的商品</a>
                        <a class="js-fav fn-ml30" data-type="all" href="#">添加到我的收藏</a>
                    </td>
                    <td>
                        <p class="">已选择 <strong class="js-totalNum sel-light font-14">0</strong> 件商品</p>
                    </td>
                    <td class="total-price tl" colspan="2">
                        <p class=""><span class="w-10em fn-tr">总价（不含运费）：</span><strong class="sel-light font-16">￥<span class="js-totalPay">0.00</span></strong></p>
                        <p class="text-color-7"><span class="w-10em fn-tr">关税：</span>￥ <span class="js-totalGs">0.00</span></p>
                    </td>
                    <td class="pay-btn-wrap">
                        <button class="pay-btn js-payment disabled" disabled="disabled">结 算</button>
                    </td>
                </tr>
                </tfoot>
            </table>
            <!--END/底部-->

        </div>
    </div>
</div>
<!--END/购物车列表-->


<!--公共尾部-->
<?php include 'include/footer.php'; ?>
<!--END/公共尾部-->


<!--公用js引用-->
<?php include 'include/script.php'; ?>
<!--END/公用js引用-->

<script src="../js/layer/layer.js"></script>
<script>
    var page_global={
        edit_url:'../js/test.json',
        del_url:'../js/success.json',
        settlement_url:'../js/success.json',
        placeAnOrder_url:'add-order.php',
        fav_url:''
    };
</script>
<script src="../js/cart.js"></script>
</body>
</html>